@charset "UTF-8";
/* 创络科技 https://www.chuangluo.com */

/*初始样式*/
html,body{-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
*html {background-image:url("about:blank"); background-attachment:fixed;}
body{word-wrap:break-word; margin:0px; padding:0px; font: 300 1em/1.8 Microsoft Yahei, 微软雅黑;overflow-x: hidden; *position: relative;}
ul,ol {list-style:none;}
a{text-decoration: none;color: #000;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{-webkit-tap-highlight-color: transparent;}
p {display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
img {border:0px;}
input,textarea{font-size: 16px;resize: none;outline: none;-webkit-appearance:none;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"]{-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
/* 滚动条样式 */
/* 火狐 */
*{scrollbar-color: #f5f5f5 #666; scrollbar-width: thin;}
/* 其他 */
::-webkit-scrollbar{width: 5px;}
/* 滚动槽 */
::-webkit-scrollbar-track{-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3); background: #f5f5f5; border-radius: 10px;}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb{border-radius: 10px; background: rgba(0,0,0,0.1); -webkit-box-shadow: inset006pxrgba(0, 0, 0, 1); background: #666;}
::-webkit-scrollbar-thumb:window-inactive{background: #666;}
div::-webkit-scrollbar-thumb{background: #f5f5f5;}
div::-webkit-scrollbar-thumb:window-inactive{background: #666;}
.imgmid {display:inline-block; *display:inline; *zoom:1; height:100%; width:1px; margin-left:-1px; vertical-align:middle; font-size: 0px;}
.cle {clear:both; width:0; height:0; display:block; overflow:hidden; font-size:0px;}
.c_box{width: 100%;height: 100%;position: relative;word-wrap:break-word;}
.c_m{width: 100%;height: 100%;*height: auto;display: table;*position: absolute;*top: 50%;*left: 50%;table-layout: fixed;}
.c_t{width: 100%;height: 100%;*height: auto;display: table-cell;vertical-align: middle;*position: relative;*top: -50%;*left: -50%;}
.un_show{display: none;}
.hover_shadow{position: relative; top: 0; z-index: 888;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.hover_shadow:hover{top: -4px; box-shadow: 0 10px 20px rgba(0,0,0,0.15); transition: translate3d(0, -2px, 0); z-index: 999;}
.table_box{width:100%; overflow:auto;}

/* 头部 */
.top_box{width: 98%; height: 30px; background: #222; padding: 0px 1%;}
.top_m{width: 98%; max-width: 1200px; height: 30px; line-height: 30px; padding: 0px 1%; color: #bbb; font-size: 12px; margin: 0px auto;}
.top_tel{float: right;}
.top_tel a{color: #bbb;}
.top_tel a:hover{color: #fff;}
.header_box{width: 98%;height: 80px; background: #fff; padding: 0px 1%; z-index: 999;box-shadow: 0 5px 10px #e5e5e5;}
.header_box .header_m{width: 98%; max-width: 1200px; height: 100%;margin: 0 auto;}
.logo_box{width: 70%; max-width: 280px; height: 100%;float: left;overflow: hidden;}
.logo_box img{vertical-align: middle;max-width: 100%; max-height: 70%;}
.diy_color_green{color: #5FB878;}
.diy_color_orange{color: #FF5722 !important;}
.diy_a_danger{color: #fff; background: #FF5722 !important; cursor: pointer;}
.diy_a_danger:hover{background: #f00 !important;}

/* PC导航 */
.menu_nav{width: auto; height: 100%; padding-top: 0px; position: relative; float: right; z-index: 88888; display: block;}
.menu_nav>ul{width: 100%; margin: 0;padding: 0;}
.menu_nav>ul>li{width: auto; height: 30px; padding: 25px 0px; float: left;text-align: center;position: relative;}
.menu_nav>ul>li>a{width: auto; min-width: 64px; height: 30px; line-height: 30px; display: block; position: relative; z-index: 88888; color: #000; margin:0 22px; font-size: 16px;}
.menu_nav>ul>li:hover>a{color: #0e6eb8;}
.menu_nav>ul>li>a.active{border-bottom: 2px solid #0e6eb8; color: #0e6eb8;}
.menu_nav>ul>li>ul{width: 130%;height: auto;background: #fff;position: absolute; top: 100%; left: -15%; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); padding: 1px 0 0 0; border-radius: 0 0 3px 3px; visibility: hidden; opacity: 0; margin-top: -5px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.menu_nav>ul>li:hover>ul{margin-top: 0px; opacity: 1; visibility: initial;}
.menu_nav>ul>li>ul li{position: relative;}
.menu_nav>ul>li>ul li>a{display: block; width: 90%; padding: 12px 5%; text-align: center; margin:0px; height: auto; line-height: 20px; border: 0;font-size: 14px;color: #333; vertical-align: middle;}
.menu_nav>ul>li>ul li:hover>a{color: #0e6eb8;}
.menu_nav>ul>li>ul li>a.active{color: #0e6eb8;}
.menu_nav>ul>li>ul li ul{width: 100%;height: auto; position: absolute; left: 100%; margin-left: 1px; top: 0; background: #fff; border-bottom: 1px solid #e9e9e9; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); border-radius: 3px; visibility: hidden; opacity: 0; margin-top: -5px; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.menu_nav>ul>li>ul li:hover>ul{margin-top: 1px; opacity: 1; visibility: initial;}

/*移动端菜单*/
.nav_btn{width: 40px; height: 70px; line-height: 70px; float: right; z-index: 88888; color: #0e6eb8; text-align: center; display: none;}
.nav_btn i{font-size: 24px;}

/* 手机导航 */
.nav_box{width: 50%; max-width: 300px; height: 100%;position: fixed;top: 0;left: -70%;z-index: 99999;background: rgba(255, 255, 255, 1);overflow: hidden;overflow-y: auto; border-radius: 0 6px 6px 0;}
.nav_close{width: 100%;height: 70px;box-sizing: border-box;padding: 0 20px;verflow: hidden; background: #f5f5f5;}
.nav_close .lan_box{width: auto; height: 100%; float: right; overflow: hidden; padding: 20px 0px;}
.nav_close .lan_box a{display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; background: #f0f0f0; color: #999; font-size: 14px; margin-left: 10px;}
.nav_close .lan_box a.active{background: #0e6eb8; color: #fff;}
.nav_close .close{width: auto;height: 100%;float: right; overflow: hidden; line-height: 70px;}
.nav_close .close i{color: #0e6eb8; font-size: 22px;}

.nav_list{width: 100%;height: auto;overflow: hidden;}
.nav_list ul{margin: 0;padding: 0;overflow: hidden;}
.nav_list ul li{width: 100%;height: auto;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.nav_list ul li:last-child{border: 0;}
.nav_list ul li a{width: 100%;height: auto;display: block; color: #333; box-sizing: border-box; padding: 15px 45px 15px 20px; font-size: 16px;position: relative;overflow: hidden;}
.nav_list ul li a .icon_right{width: 20px;height: 40px;position: absolute;top: 50%;right: 20px;margin: -20px 0 0;z-index: 2;line-height: 40px;text-align: center;font-size: 14px;color: #999;overflow: hidden;}
.nav_list>ul>li>a.active{background: #0e6eb8;color: #fff;}
.nav_list>ul>li>a>i{margin-right: 10px; color: #999;}
.nav_list>ul>li>a.active>i{color: #fff;}
.nav_list ul li a.active .icon_right{color: #fff;}
.nav_list ul li ul{display: none;background: rgba(0,0,0,0.02);}
.nav_list ul li ul li{border: 0;}
.nav_list ul li ul li a{font-size: 14px; color: #333; padding: 15px 20px 15px 20px; vertical-align: middle;}
.nav_list ul li ul li a span{color: #fff; display: inline-block; width: 14px; height: 14px; background: #ff6700; font-size: 9px; border-radius: 50%; text-align: center; line-height: 14px; margin-left: 6px;vertical-align:text-top;}
.nav_list ul li ul li a.active{background: none;color: #0e6eb8;}
.nav_list ul li ul li ul li a{padding: 15px 20px 15px 40px;font-size: 12px;color: #999;}
.nav_list ul li ul li ul li ul li a{padding: 15px 20px 15px 50px;font-size: 12px;color: #999;}

.mask{width: 100%;height: 100%;background: #000;opacity: .5;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}

.slide_container{width: 100%; height: auto; max-height: 600px; overflow: hidden; position: relative;}
.slide_container img{max-width: 100%; height: auto; min-height: 600px; display: block; object-fit: cover; vertical-align:middle; margin: 0 auto;}

.banner_go_left{position: absolute; left: 0px; top: 50%; width: 30px; height: 60px; color: #fff; line-height: 60px; margin-top: -30px; text-align: center; background: rgba(0,0,0,0.2); opacity: 0.2; z-index: 8888; cursor: pointer; border-radius: 0 3px 3px 0;}
.banner_go_right{position: absolute; right: 0px; top: 50%; width: 30px; height: 60px; color: #fff; line-height: 60px; margin-top: -30px; text-align: center; background: rgba(0,0,0,0.2); opacity: 0.2; z-index: 8888; cursor: pointer; border-radius: 3px 0 0 3px;}
.banner_go_left i, .banner_go_right i{font-size: 20px;}
.banner_go_left:hover, .banner_go_right:hover{font-size: 20px; opacity: 1;}

.banner_center{ width: 100%;height: 100%; position: absolute; top: 0; left: 0; z-index: 2; display: flex;align-items: center;overflow: hidden;}
.info_text_box{width: 90%; max-width: 1200px; height: auto; color: #fff; margin: 0 auto;}
.info_text{width: 65%; max-width: 600px;}
.text_level_1{font-size: 28px; font-weight: bold; line-height: 50px;}
.text_level_2{font-size: 46px; font-weight: bold; line-height: 50px;}
.text_level_3{font-size: 18px; line-height: 50px;}
.text_btn{width: 100%; margin-bottom: 18px;}
.text_btn a{display: inline-block; font-size: 16px; padding: 2px 20px; color: #fff; width: auto; border-radius: 4px; border: solid 1px #fff;}
.text_btn a:hover{color: #fff;}

.slick-active .text_level_1{animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay:0.1s;-webkit-animation-delay:0.1s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
.slick-active .text_level_2{animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay:0.2s;-webkit-animation-delay:0.2s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
.slick-active .text_level_3{animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay:0.3s;-webkit-animation-delay:0.3s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
.slick-active .text_btn{animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay:0.4s;-webkit-animation-delay:0.4s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}

.i_pro_go_left{position: absolute; left: 50%; margin-left: -62px; bottom: -34px; width: 32px; height: 32px; color: #0e6eb8; border: solid 1px #0e6eb8; line-height: 32px; text-align: center; opacity: 0.6; z-index: 8888; cursor: pointer; border-radius: 3px;}
.i_pro_go_right{position: absolute; right: 50%; margin-right: -62px; bottom: -34px; width: 32px; height: 32px; color: #0e6eb8; border: solid 1px #0e6eb8; line-height: 32px; text-align: center; opacity: 0.6; z-index: 8888; cursor: pointer; border-radius: 3px;}
.i_pro_go_left i, .i_pro_go_right i{font-size: 20px;}
.i_pro_go_left:hover, .i_pro_go_right:hover{font-size: 20px; opacity: 1;}
.i_pro_go_more{position: absolute; left: 50%; margin-left: -18px; bottom: 6px; width: 36px; height: 34px; line-height: 34px; text-align: center; opacity: 0.6; z-index: 8888; cursor: pointer; border-radius: 3px;}
.i_pro_go_more a i{font-size: 34px; color: #0e6eb8;}
.i_pro_go_more:hover{opacity: 1;}

.pagination_banner{position: absolute;left: 0;text-align: center;bottom: 10px; width: 100%; font-size: 0; z-index: 999;}
.pagination_gallery{position: absolute;left: 0;text-align: center;bottom: 10px; width: 100%; font-size: 0;}

.slick-dots{display: inline-block; width: auto; padding: 5px 6px; border-radius: 15px; margin: 0 auto;list-style: none;text-align: center; background: rgba(0, 0, 0, 0.3);}
.slick-dots li{display: inline-block; width: 12px; height: 12px; border-radius: 7px; margin: 0 3px;padding: 0; cursor: pointer; opacity: 0.4; font-size: 0px; background: #fff;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}
.slick-dots li button{display: none;}
.slick-dots li.slick-active{opacity: 1; width: 30px;}

/*标题*/
.i_title_out{width: 100%; height: auto; margin: 0px auto;}
.i_title_box{width: 100%; height: auto; text-align: center; color: #000; font-size: 34px; margin: 40px 0 10px 0;}
.i_title_line{width: 68px; height: 4px; background: #0e6eb8; margin: 0px auto; border-radius: 2px;}
.i_title_sub{width: 100%; max-width: 600px; height: auto; color: #999; font-size: 14px; margin: 15px auto; text-align: center;}
.i_new_box .i_title_box{color: #fff;}
.i_new_box .i_title_line{background: #fff;}
.i_new_box .i_title_sub{color: #fff;}

/*公司简介*/
.i_abo_box{width: 100%;height: auto; background: #f5f5f5 url(../images/line_bg.png); float: left;}
.i_abo_m_box{width: 98%; max-width: 1200px; height: auto;margin: 0px auto; padding: 10px 0 50px 0;}
.i_abo_img{width: 50%; height: auto; float: left; border-radius: 3px; overflow: hidden;}
.i_abo_img img{width: 100%;}
.i_abo_txt{width: calc(50% - 50px); height: auto; float: left; padding: 20px 0 0 50px;}
.i_abo_title{width: 100%;height: auto;line-height: 30px;font-size: 26px; color: #000;}
.i_abo_subtitle{width: 100%;height: auto;line-height: 30px; font-size: 14px; color: #999; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_abo_text{width: 100%; height: auto;margin: 15px 0;font-size: 14px;color: #666;line-height: 30px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 6;}
.i_abo_more{width: 100%;height: auto;line-height: 40px;}
.i_abo_more a{display: inline-block; width: auto;height: 40px; padding: 0 40px; text-align: center;border-radius: 20px; background: #0e6eb8;color: #fff;font-size: 14px;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.i_abo_more a:hover{color: #fff; background: #ff6700;}

/*新闻中心*/
.i_new_box{width: 100%;height: auto; padding-bottom: 50px; float: left; background: url(../images/new_bg.jpg) no-repeat center; background-position:50%; background-repeat:no-repeat; background-size:cover; overflow: hidden;}
.i_new_list{width: 98%; max-width: 1200px; height: auto;margin: 0px auto;}
.i_new_one{width: 48%; height: auto; margin: 13px 1%; float: left; overflow: hidden; border-radius: 3px; background: rgba(0,0,0,0.3); position: relative;}
.i_new_left{width: 40%; height: auto; float: left;}
.i_new_img{width: 100%; height: auto; text-align: center; overflow: hidden; border-radius: 3px 0 0 3px; float: left; padding-bottom: 66.6%; position: relative; background: #fff;}
.i_new_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.i_new_text{width: 56%; height: 100%; padding: 0 2%;overflow: hidden; position: absolute;top: 48%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 0;}
.i_new_text span{color: #fff; font-size: 12px; display: block; line-height: 24px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.i_new_text span.i_new_txt{height: auto;}
.i_new_text span.i_new_time{line-height: 28px;}
.i_new_text a{display: block; color: #fff;font-size: 16px; line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_new_one:hover{background: #fff;}
.i_new_one:hover .i_new_text span{color: #333;}
.i_new_one:hover .i_new_text span.i_new_time{color: #999;}
.i_new_one:hover .i_new_text span.i_new_txt{color: #666;}
.i_new_one:hover .i_new_text a{color: #0e6eb8;}

/*合作伙伴*/
.i_pic_box{width: 100%;height: auto; padding-bottom: 50px; float: left; background: #f5f5f5 url(../images/line_bg.png); overflow: hidden;}
.i_pic_list{width: 98%; max-width: 1200px; height: auto;margin: 20px auto 0 auto;}
.i_pic_one{width: calc(25% - 2px); height: auto; margin: 1px 1px; float: left; position: relative;}
.i_pic_img{width: 100%; height: auto; text-align: center; float: left; padding-bottom: 66.6%; overflow: hidden; border-radius: 3px; background: #fff; position: relative;}
.i_pic_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}

/*产品+案例*/
.i_pro_box{width: 100%;height: auto;margin: 0 0 30px 0; float: left;}
.i_pro_m_box{width: 98%; max-width: 1200px; height: auto; margin: 0px auto;}
.i_pro_m{width: 100%;height: auto; position: relative; padding-bottom: 40px;}
.i_pro_list{width: 100%;height: auto; padding-top: 13px;}
.i_pro_one{width: calc(100% - 30px);height: auto;margin: 0px 15px 20px 15px;float: left;position: relative;}
.i_pro_img{width: calc(100% - 2px); height: auto; text-align: center; padding-bottom: 100%; border-radius: 3px; border: solid 1px #eee; background: #fff; position: relative;}
.i_pro_img img{max-width: 100%; max-height: 100%; position: absolute; border-radius: 3px; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.i_pro_text{width: 90%; height: 56px; line-height: 56px; background: #fff; padding: 0px 5%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 0 0 3px 3px;}
.i_pro_text a{color: #000;font-size: 16px; line-height: 56px;}
.i_pro_text a em{color: #ff6700; font-style: normal;}
.i_pro_one:hover .i_pro_img{ border: solid 1px #fff; border-radius: 3px 3px 0 0;}
.i_pro_one:hover .i_pro_img img{border-radius: 3px 3px 0 0;}
.i_pro_one:hover .i_pro_text{background: #0e6eb8;}
.i_pro_one:hover .i_pro_text a{color: #fff;}

/*底部*/
.i_foot_box{width: 100%;height: auto;overflow: hidden; background: #000; padding: 0 0 20px 0;}
.i_foot_m_box{width: 98%; max-width: 1200px; height: auto;margin: 0px auto;overflow: hidden; text-align: center; color: #ccc; font-size: 12px; padding-top: 20px;}
.i_foot_m_box a{color: #ccc;}
.i_foot_m_box a:hover{color: #fff;}
.foot_kefu{display: none;}

.p_nav_box{width: 100%;height: auto;overflow: hidden; background: #f5f5f5; padding: 15px 0;}
.p_nav_m_box{width: 98%; max-width: 1200px; height: auto; text-align: center; margin: 0px auto; overflow: hidden; color: #666; font-size: 14px;}
.p_nav_m_box i{color: #999; font-size: 14px; padding: 0px 5px;}
.p_nav_m_box a{color: #666;}
.p_nav_m_box a:hover{color: #0e6eb8;}

/*内页banner*/
.p_banner{width: 100%;height: auto;font-size: 0;overflow: hidden;}
.p_banner img{width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.p_bread{width: 98%; padding: 10px 1%; background: #f5f5f5; color: #666; font-size: 12px; display: none;}
.p_bread i{font-size: 12px; margin: 0px 5px; color: #999;}
.p_title{width: 100%;box-sizing: border-box;padding: 15px 0;font-size: 20px;text-align: center;background: #fff;color: #000;font-weight: bold; display: none; border-bottom: 5px #f5f5f5 solid;}
.p_title .line{width: 40px;height: 2px;margin: 5px auto 5px auto;background: #0e6eb8;}

/*内页框架*/
.main_box{width: 98%; height: auto; padding: 0 1%;}
.main_m{width: 98%; max-width: 1200px; height: auto; padding: 0px 1%; margin: 0px auto;}
.main_left{width: 270px; height: auto; float: left; margin-right: 10px; margin-top: 30px;}
.s_nav{margin-bottom: 30px;}
.n_title{width: calc(100% - 40px); height: 50px; padding: 10px 20px 0 20px; line-height: 50px; background: #f9f9f9; color: #000; border-radius: 3px 3px 0 0;}
.n_title h6{margin: 0;padding: 0; font-size: 18px; position: relative;}
.n_title h6 .line{position: absolute; width: 36px; height: 2px; background: #ccc; left: 0px; bottom: 6px;}
.s_title{width: calc(100% - 40px); height: 70px; padding: 0 20px; line-height: 70px; background: #0e6eb8; color: #fff; border-radius: 3px 3px 0 0;}
.s_title h6{margin: 0;padding: 0;font-weight: normal;font-size: 24px;}
.s_nav_list{width: 100%;height: auto;}
.s_nav_list ul{margin: 0;padding: 0;background: #f9f9f9; border-radius: 0 0 3px 3px;}
.s_nav_list ul li{width: calc(100% - 40px);height: auto; margin: 0 20px;}
.s_nav_list>ul>li{border-top: 1px dotted #d9d9d9;}
.s_nav_list>ul>li>a{display: block;width: calc(100% - 40px);height: auto;padding: 8px 0;font-size: 14px;color: #666;line-height: 30px;}
.s_nav_list>ul>li>a i{font-size: 14px;}
.s_nav_list>ul>li>a.active{color: #0e6eb8;}
.s_nav_list>ul>li:hover>a{color: #0e6eb8;}
.s_nav_list ul li ul{width: 100%;height: auto; display: none;}
.s_nav_list ul li ul li{width: calc(100% - 14px);height: auto; margin: 0 0 0 14px;}
.s_nav_list ul li ul li a{display: block;width: 100%;height: auto; padding: 10px 0; line-height: 24px;font-size: 12px;color: #666;border-top: 1px dotted #d9d9d9;}
.s_nav_list ul li ul li a i{font-size: 12px; }
.s_nav_list ul li ul li a:hover{color: #0e6eb8;}
.s_nav_list ul li ul li a.active{color: #0e6eb8;}
.s_nav_list ul li ul li ul{width: 100%;height: auto; display: none;}
.s_nav_list ul li ul li ul li{width: calc(100% - 14px);height: auto; margin: 0 0 0 14px;}
.s_nav_list ul li ul li ul li a{display: block;width: 100%; height: auto; padding: 10px 0; line-height: 24px;font-size: 12px;color: #666;border-top: 1px dotted #d9d9d9;}

.s_new_list{width: calc(100% - 40px); height: auto;padding: 0 20px 10px 20px;background: #f9f9f9;font-size: 12px;line-height: 22px; border-radius: 0 0 3px 3px;}
.s_new_list ul{margin: 0;padding: 0;}
.s_new_list ul li{width: 100%;height: auto; padding: 10px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.s_new_list ul li:last-child{border-bottom: 0;}
.s_new_list ul li a{color: #666;}
.s_new_list ul li span{display: inline-block; width: 22px; height: 22px; background: #f0f0f0; text-align: center; color: #999; font-size: 12px; border-radius: 3px; margin-right: 5px;}
.s_new_list ul li:nth-child(1) span{background: #ff7050; color: #fff;}
.s_new_list ul li:nth-child(2) span{background: #ff7050; color: #fff;}
.s_new_list ul li:nth-child(3) span{background: #ff9750; color: #fff;}
.s_new_list ul li a:hover{color: #0e6eb8;}

.s_con{width: 100%;height: auto;margin-bottom: 30px; overflow: hidden;}
.s_con_title{width: 100%; height: auto; overflow: hidden; border-radius: 3px 3px 0 0;}
.s_con_list{width: calc(100% - 40px); height: auto; padding: 10px 20px; background: #f9f9f9; font-size: 12px; color: #666; overflow: hidden; border-radius: 0 0 3px 3px;}
.s_con_list a{color: #666;}
.s_con_list a:hover{color: #0e6eb8;}

.main_right{width: calc(100% - 300px); float: left; margin-top: 30px; padding-left: 20px; background: #fff;  border-radius: 3px;}

/*留言反馈*/
.feed_box{width: 100%; height: auto; padding: 20px 0px;}
.layui-input-inline img, .layui-input-block img{max-height: 36px; border-radius: 3px; cursor: pointer;}

/*新闻列表*/
.p_new_box{width: 100%; height: auto; float: left; padding: 10px 0; font-size: 14px; color: #333;}
.p_new_one{width: 100%;height: auto; padding: 24px 0; float: left; position: relative; border-top: dotted 1px #d9d9d9;}
.p_new_one:first-child{border: none;}
.p_new_left{width: 20%; height: auto; float: left;}
.p_new_img{width: 100%; height: auto; text-align: center; overflow: hidden; border-radius: 3px; float: left; padding-bottom: 66.6%; position: relative; background: #fff;}
.p_new_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.p_new_text{width: 78%; height: 100%; padding: 0 0 0 2%;overflow: hidden; position: absolute; top: 48%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 0;}
.p_new_text span{color: #333; font-size: 12px; display: block; line-height: 24px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.p_new_text span.p_new_txt{height: auto; color: #666;}
.p_new_text span.p_new_time{line-height: 28px; color: #999;}
.p_new_text a{display: block; color: #000;font-size: 16px; line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_new_one:hover .p_new_text a:hover{color: #0e6eb8; text-decoration: none;}

/*新闻详情*/
.p_new_title{width: 100%;height: auto;padding: 0 0 25px;border-bottom: 1px dotted #d9d9d9;text-align: center;font-size: 12px;color: #999;overflow: hidden;}
.p_new_title h1{margin: 0;padding: 10px 0 10px;font-weight: bold;font-size: 24px;color: #333;}

/*产品列表*/
.p_pro_box{width: 100%; height: auto; float: left; padding: 10px 0; font-size: 14px; color: #333;}
.p_pro_one{width: calc(33.333% - 10px); height: auto; margin: 13px 5px; float: left; position: relative;}
.p_conn_one{width: calc(25% - 10px); height: auto; margin: 13px 5px; float: left; position: relative;}
.p_pro_img{width: calc(100% - 2px); height: auto; text-align: center; padding-bottom: 100%; border-radius: 3px; border: solid 1px #eee; background: #fff; position: relative;}
.p_pro_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; border-radius: 3px; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.p_pro_text{width: 90%; height: 50px; line-height: 50px; padding: 0px 5%; overflow: hidden; text-align: center;  text-overflow: ellipsis; white-space: nowrap; border-radius: 0 0 3px 3px;}
.p_pro_text a{color: #000;font-size: 16px; line-height: 50px;}
.p_pro_text a em{color: #ff6700; font-style: normal;}
.p_pro_one:hover .p_pro_img{border: solid 1px #fff; border-radius: 3px 3px 0 0;}
.p_pro_one:hover .p_pro_img img{border-radius: 3px 3px 0 0;}
.p_pro_one:hover .p_pro_text{background: #0e6eb8;}
.p_pro_one:hover .p_pro_text a{color: #fff;}
.p_conn_one:hover .p_pro_img{border: solid 1px #fff; border-radius: 3px 3px 0 0;}
.p_conn_one:hover .p_pro_img img{border-radius: 3px 3px 0 0;}
.p_conn_one:hover .p_pro_text{background: #0e6eb8;}
.p_conn_one:hover .p_pro_text a{color: #fff;}

.p_pro_img_t{width: calc(100% - 2px); height: 0;overflow: hidden;margin: 0; text-align: center; padding-bottom: 100%; border-radius: 3px; border: solid 1px #eee; background: #fff; position: relative;}
.p_pro_img_t img{max-height: 100%; max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}

/*视频列表*/
.p_vid_box{width: 100%; height: auto; float: left; padding: 10px 0; font-size: 14px; color: #333;}
.p_vid_one{width: calc(33.333% - 10px); height: auto; margin: 13px 5px; float: left; position: relative;}
.p_vid_img{width: calc(100% - 2px); height: auto; text-align: center; padding-bottom: 56.25%; border-radius: 3px; border: solid 1px #eee; background: #fff; position: relative;}
.p_vid_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0; border-radius: 3px;}
.p_vid_text{width: 90%; height: 50px; line-height: 50px; padding: 0px 5%; overflow: hidden; text-align: center;  text-overflow: ellipsis; white-space: nowrap;}
.p_vid_text a{color: #000;font-size: 16px; line-height: 50px;}
.p_vid_text a em{color: #ff6700; font-style: normal;}
.p_vid_one:hover .p_vid_img{border: solid 1px #fff; border-radius: 3px 3px 0 0;}
.p_vid_one:hover .p_vid_img img{border-radius: 3px 3px 0 0;}
.p_vid_one:hover .p_vid_text{background: #0e6eb8;}
.p_vid_one:hover .p_vid_text a{color: #fff;}
.p_conn_one:hover .p_vid_img{border: solid 1px #fff; border-radius: 3px 3px 0 0;}
.p_conn_one:hover .p_vid_img img{border-radius: 3px 3px 0 0;}
.p_conn_one:hover .p_vid_text{background: #0e6eb8;}
.p_conn_one:hover .p_vid_text a{color: #fff;}

.share_video_box{width: 100%; height: auto; float: left; margin: 10px 0; padding-bottom: 56.25%; position: relative;}
.share_video_box iframe, .share_video_box object, .share_video_box embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*下载列表*/
.p_down_box{width: 100%; height: auto; float: left; padding: 10px 0; font-size: 14px; color: #333;}
.p_down_one{width: 100%; box-sizing: border-box; height: auto; padding: 20px 15px; margin: 10px 0; float: left; position: relative; border: solid 1px #eee; border-radius: 3px;}
.p_down_text{width: 70%; height: auto; text-overflow: ellipsis; white-space: nowrap; float: left;}
.p_down_text a{display: block; width: 100%; height: 20px; float: left; color: #000;font-size: 16px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.p_down_text a:hover {color: #0e6eb8;}
.p_down_time{width: 100%; height: 12px; color: #999; float: left; font-size: 12px; line-height: 12px; margin-top: 12px;}
.p_down_btn{width: 30%; max-width: 70px; height: 40px; line-height: 40px; text-align: center; float: right; background: #fff;}
.p_down_btn a{display: block; width: 100%; height: 100%; font-size: 30px; color: #fff; border-radius: 3px;}
.p_down_btn i{font-size: 26px; color: #0e6eb8;}
.p_down_one:hover .p_down_btn a{background: #0e6eb8;}
.p_down_one:hover .p_down_btn i{color: #fff;}

/*翻页*/
.s_list{width: 96%;height: auto;line-height: 40px;font-size: 0;text-align: center;padding: 0 2% 20px 2%;}
.s_list a{display: inline-block;background: #0e6eb8;color: #fff;padding: 0 16px;margin: 0 5px;font-size: 14px;border-radius: 3px;overflow: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.s_list a:hover{color: #fff;}

/*分页*/
.p_list{width: 96%;height: auto;line-height: 40px;font-size: 0;text-align: center;padding: 10px 2% 20px 2%;overflow: hidden;}
.p_list span{display: inline-block;color: #bbb;padding: 0 6px; font-size: 14px;overflow: hidden;}
.p_list a{display: inline-block;background: #bbb;color: #fff;padding: 0 16px;margin: 0 5px;font-size: 14px;border-radius: 3px;overflow: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.p_list a.active{background: #0e6eb8;color: #fff;}
.p_list a:hover{background: #0e6eb8;color: #fff;}

/*详情页*/
.p_pro_m_box{width: 100%; height: auto ;margin: 0px auto; overflow: hidden; background: #f9f9f9;}
.p_pro_img_box{width: 55%; height: auto; float: left; margin-right: 3%; position: relative; overflow: hidden;}
.gallery_box{width: 100%; margin: 0px auto; height: auto; font-size: 0px; overflow: hidden;}
.gallery_img_one{width: 100%; height: auto; text-align: center; padding-bottom: 100%; background: #fff; position: relative;}
.gallery_img_one img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0; border-radius: 3px;}
.gallery_img_one .v_box{width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0; border-radius: 3px;}
.gallery_img_one .v_box video{width: 100%;}
.p_pro_info_box{width: calc(42% - 20px); height: auto; float: left; padding: 10px 20px 10px 0; overflow: hidden;}
.p_pro_info_box h1{font-size: 22px; line-height: 30px; padding: 10px 0; color: #333; border-bottom: solid 1px #d9d9d9;}
.p_pro_info{padding-top: 10px; font-size: 14px; color: #333; line-height: 30px;}
.p_pro_info_t{width: auto; float: left; padding-right: 10px;}
.p_pro_info_t span{color: #999; display: block; width: auto; text-align: right;}
.p_pro_info_c{width: auto; float: left;}
.p_pro_info_c span{color: #333; display: block; width: auto;}

.pro_d_m{width: 100%;height: auto;overflow: hidden; margin-top: 20px;}
.pro_title{width: 100%;height: auto; overflow: hidden; font-size: 18px; color: #fff; border-bottom: solid 2px #0e6eb8;}
.pro_title span{display: inline-block; width: auto; height: 40px; line-height: 40px; padding: 0px 20px; background: #0e6eb8; border-radius: 3px 3px 0 0;}
.pro_cont{width: 100%; height: auto; background: #fff; font-size: 14px; line-height: 30px; color: #333; overflow: hidden;}
.pro_cont img{max-width: 100%;}
.pro_cont table {width:100%; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;}
.pro_cont table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.pro_cont table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;}

/*相关标题*/
.conn_title{width: 100%; height: auto; padding: 5px 0; line-height: 40px;border-bottom: 1px solid #f0f0f0;font-size: 12px;color: #999;}
.conn_title h4{margin: 0;padding: 0;font-weight: normal;font-size: 24px;height: 40px;color: #0e6eb8;}

/*单页*/
.right_title{width: 100%; height: auto; padding: 5px 0; line-height: 40px;border-bottom: 1px solid #f0f0f0;font-size: 12px;color: #999;}
.right_title h1{margin: 0;padding: 0;font-weight: normal;font-size: 24px;height: 40px;color: #0e6eb8;}
.right_title h2{margin: 0;padding: 0;font-weight: normal;font-size: 24px;height: 40px;color: #0e6eb8;}
.right_title h5{margin: 0;padding: 0;font-weight: normal;height: 20px; line-height: 20px; font-size: 12px;}
.right_title h5 a{color: #999;}
.right_title h5 a:hover{color: #0e6eb8;}
.right_title h5 i{font-size: 12px; color: #999; margin: 0px 5px;}
.right_title h5 i.for_nav_home{margin-left: 0px;}
.right_bottom{width: 100%; height: auto; float: left; padding: 10px 0; font-size: 14px; line-height: 30px; color: #333;}
.right_bottom img{max-width: 100%;}
.right_bottom a{color: #0e6eb8;}
.right_bottom a:hover{text-decoration: underline;color: #0e6eb8;}
.right_bottom table {width:100%; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;}
.right_bottom table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.right_bottom table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;}
.right_foot{width: 100%; height: auto; float: left; padding: 20px 0 0 0; font-size: 14px; line-height: 26px; color: #999; border-top: dotted 1px #d9d9d9;}
.right_foot a{color: #333;}
.right_foot a:hover{color: #0e6eb8;}

/*空*/
.null_box{width: calc(100% - 40px); height: auto; min-height: 80px; float: left; padding: 100px 20px; margin-bottom: 20px; background: #fff; border-radius: 3px; text-align: center; font-size: 12px; line-height: 20px; color: #999}
.null_box i{display: block; text-align: center; font-size: 40px; color: #999; line-height: 50px;}

/* 在线客服 */
.kefu_tools{top:50%; margin-top:-115px; position:fixed; z-index: 9999999; right:0px;}
.cl_kefu_one{width:45px; height:45px; margin-bottom:1px; line-height: 45px; text-align: center; position:relative;}
.cl_kefu_one i{font-size: 24px; color: #fff;}
.go_radius_1{border-radius: 3px 0 0 0;}
.go_radius_2{border-radius: 0 0 0 3px;}
.go_radius_2:hover{border-radius: 0 0 0 0;}
.go_radius_3{border-radius: 0 0 0 3px;}
.cl_kefu_title{display:block; width:100%; height:auto; float:left; color:#FFF; font-size:16px; line-height:45px; text-align:center;}
#cl_gotop{display:none;}
.qr_menu{position:absolute; top:0; left:-150px; width:160px; height:auto; box-shadow: -10px 5px 10px 0 rgba(0,0,0,0.05); visibility: hidden; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.qr_menu ul{display:block; width:calc(100% - 1px); height:auto; float:left;}
.qr_menu ul li{display:block; width:100%; height:46px; background: #fff; float:left; padding:0 20px; box-sizing:border-box; color:#666; font-size:14px; line-height:46px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qr_menu ul li:last-child{border-radius:0 0 3px 3px;}
.qr_menu ul li a{display:block; width:100%; height:46px; float:left; color:#666; font-size:14px; line-height:46px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qr_menu ul li a i{font-size: 26px; display: inline-block; vertical-align: top; margin-right: 6px; color: #40abf5;}
.cl_kefu_one:hover .qr_menu{left:-160px; opacity: 1; visibility: initial;}
.qr_img{position:absolute; bottom:0; left:-150px; width:160px; height:auto; text-align:center; box-shadow: -10px -5px 10px 0 rgba(0,0,0,0.05); visibility: hidden; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.qr_img_box{width:calc(100% - 1px); height:auto; padding:10px; box-sizing:border-box; background: #fff; border-radius:3px 3px 0 0;}
.qr_img_box img{border:0px; max-width:100%; height:auto;}
.cl_kefu_one:hover .qr_img{left:-160px; opacity: 1; visibility: initial;}

/*地图*/
.p_ditu_box{width: 100%; height: auto; float: left; padding: 10px 0;}
.ditu_title{display: inline-block; padding: 5px 10px 0 10px; line-height: 30px; font-size: 16px; font-weight: bold; color: #0e6eb8;}
.ditu_cont{display: inline-block; padding: 0px 10px; font-size: 14px; line-height: 20px;}
#mapshowbox{width:100%; height:500px; border-radius: 3px;}
#mapshowbox_big{width:100%; height:100%; position:absolute;}
.goto_bigmap{width:100%; height:46px; margin-top:10px;}
.goto_bigmap a{display:inline-block; width:100%; height:46px; line-height:46px; font-size:20px; text-align:center; color:#fff; background:#0e6eb8; text-decoration:none; border-radius: 3px;}
.goto_bigmap a:hover{color:#fff;}

/*自定义框架*/
.in_a_row_box{width: 100%; height: auto; float: left;}
.two_boxes_in_a_row{width: 50%; min-height: 100px; float: left; box-sizing: border-box;}
.two_boxes_in_a_row:nth-child(1){padding-right: 8px;}
.two_boxes_in_a_row:nth-child(2){padding-left: 8px;}
.four_boxes_in_a_row{width: 25%; min-height: 100px; float: left; box-sizing: border-box;}
.four_boxes_in_a_row:nth-child(1){padding: 0 12px 0 0;}
.four_boxes_in_a_row:nth-child(2){padding: 0 8px 0 4px;}
.four_boxes_in_a_row:nth-child(3){padding: 0 4px 0 8px;}
.four_boxes_in_a_row:nth-child(4){padding: 0 0 0 12px;}

.share_video{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.share_video iframe, .share_video object, .share_video embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media screen and (max-width:1200px) {
	.menu_nav>ul>li>a{margin:0 15px; font-size: 14px; min-width: 56px;}
	.menu_nav>ul>li>ul{width: 150%; left: -25%;}
    .slide_container {max-height: 520px;}
    .slide_container img {min-height: 520px;}
}

@media screen and (max-width:992px) {
	.text_level_1{font-size: 22px;}
	.text_level_2{font-size: 40px;}
	.text_level_3{font-size: 16px;}
	.text_btn a{font-size: 14px; padding: 2px 14px;}
    .slide_container{max-height: 440px;}
    .slide_container img {min-height: 440px;}
	.top_box{display: none;}
	.p_banner{display: none;}
	.p_title{display: block;}
	.p_bread{display: block;}
	.main_left{display: none;}
	.main_right{width: 100%; margin-top: 0px; padding-left: 0px;}
	.right_bottom{width: 98%; padding: 10px 1%;}
	.right_title{display: none;}
	.conn_title h4{font-size: 20px;}
	.i_abo_img{width: 96%; height: auto; float: left; border-radius: 3px; overflow: hidden; margin: 0px 2%;}
	.i_abo_txt{width: 96%; height: auto; float: left; padding: 20px 2% 0 2%;}
	.i_abo_title{text-align: center;}
	.i_abo_subtitle{text-align: center;}
	.i_abo_text{-webkit-line-clamp: 5;}
	.i_abo_more a{width: calc(100% - 80px); margin-top: 10px;}
	.i_new_one{width: 96%; margin: 13px 2%;}
	.i_new_one .i_new_text span{-webkit-line-clamp:4;}
	.p_new_one{width: 100%;}
	.p_new_one .p_new_text span{-webkit-line-clamp:2;}
	.layui-form-label{text-align: left !important; padding-left: 0px !important; display: block !important; clear: both;}
	.layui-input-inline{margin-left: 0px !important; clear: both;}
	.layui-input-block{margin-left: 0px !important; clear: both;}
    .menu_nav{display: none;}
    .nav_btn{display: block;}
    .header_box{height: 70px;}
    .i_title_box{font-size: 28px; margin: 20px 0 6px 0;}
    .i_title_line{width: 56px;}
    .i_title_sub{width: 80%; font-size: 14px; margin: 12px auto; text-align: center;}
}

@media screen and (max-width:768px) {
	.slick-dots li{width: 8px; height: 8px;}
	.slick-dots li.slick-active{width: 20px;}
	.text_level_1{font-size: 18px; line-height: 40px;}
	.text_level_2{font-size: 32px; line-height: 40px;}
	.text_level_3{font-size: 14px; line-height: 40px;}
	.text_btn a{font-size: 12px; padding: 2px 12px; border-radius: 3px;}
	.two_boxes_in_a_row{width: 100%;}
	.two_boxes_in_a_row:nth-child(1){padding-right: 0;}
	.two_boxes_in_a_row:nth-child(2){padding-left: 0;}
	.four_boxes_in_a_row{width: 50%;}
	.four_boxes_in_a_row:nth-child(1){padding: 0 8px 0 0;}
	.four_boxes_in_a_row:nth-child(2){padding: 0 0 0 8px;}
	.four_boxes_in_a_row:nth-child(3){padding: 0 8px 0 0;}
	.four_boxes_in_a_row:nth-child(4){padding: 0 0 0 8px;}
	.banner_go_left, .banner_go_right{display: none !important;}
	.i_abo_text{-webkit-line-clamp: 5;}
	.i_new_one .i_new_text span{-webkit-line-clamp:2;}
	.p_new_one .p_new_text span{-webkit-line-clamp:2;}
    .slide_container {max-height: 340px;}
    .slide_container img {min-height: 340px;}
	.i_foot_box{margin-bottom: 35px;}
	.kefu_tools{display: none;}
	/*底部客服*/
	.foot_kefu{display: block; width: 100%; height: 34px; line-height: 34px; background: rgba(255,255,255,0); position: fixed; bottom: 0px; padding-top: 1px; z-index: 999;}
	.foot_kefu_one{width: calc(25% - 1px); height: 34px; line-height: 34px; float: left; text-align: center; margin-right: 1px; font-size: 14px; color: #fff; background: #0e6eb8; border-radius: 3px 3px 0 0;box-shadow: 0 -10px 15px rgba(0,0,0,0.1);}
	.foot_kefu_one:nth-child(4){width: 25%;margin-right: 0px;}
	.foot_kefu_one a{color: #fff;}
	.foot_kefu_one a i{margin-right: 6px; font-size: 14px;}
	.foot_kefu_one a:hover{color: #fff;}
}

@media screen and (max-width:576px) {
	.text_level_1{font-size: 14px; font-weight: normal; line-height: 30px;}
	.text_level_2{font-size: 18px; line-height: 30px;}
	.text_level_3{font-size: 12px; line-height: 30px;}
    .slide_container {max-height: 220px;}
    .slide_container img {min-height: 220px;}
	.i_pro_one{width: calc(100% - 10px);height: auto;margin: 0px 5px 20px 5px;float: left;position: relative;}
	.i_abo_text{-webkit-line-clamp: 6; font-size: 14px;}
	.i_new_one{background: rgba(255,255,255,1); margin: 6px 2%;}
	.i_new_one .i_new_left{width: 42%;}
	.i_new_one .i_new_text{width: 54%;}
	.i_new_one .i_new_text span{-webkit-line-clamp:1;}
	.i_new_one .i_new_text span{color: #000;}
	.i_new_one .i_new_text span.i_new_time{color: #999;}
	.i_new_one .i_new_text span.i_new_txt{color: #666;}
	.i_new_one .i_new_text a{color: #000; font-size: 14px;}
	.i_new_one .i_new_text a:hover{color: #0e6eb8;}
	.i_pic_box{padding-bottom: 30px;}
	.p_new_one{padding: 14px 0;}
	.p_new_one .p_new_left{width: 40%;}
	.p_new_one .p_new_text{width: 56%;}
	.p_new_one .p_new_text span{-webkit-line-clamp:1;}
	.p_new_one .p_new_text span{color: #000;}
	.p_new_one .p_new_text span.p_new_time{color: #999;}
	.p_new_one .p_new_text span.p_new_txt{color: #666;}
	.p_new_one .p_new_text a{color: #000; font-size: 16px;}
	.p_new_one .p_new_text a:hover{color: #0e6eb8;}
	.p_pro_one{width: calc(50% - 10px);}
	.p_vid_one{width: calc(50% - 10px);}
	.p_conn_one{width: calc(50% - 10px);}
	.i_abo_m_box{padding: 10px 0 30px 0;}
	.i_pic_one{width: calc(50% - 2px);}
	.p_pro_m_box{background: #fff;}
	.p_pro_img_box{width: 100%;}
	.p_pro_info_box{width: 100%; padding: 10px 0;}
	.pro_d_m{margin-top: 0px;}
	.pro_title{font-size: 14px;}
	.pro_title span{height: 30px; line-height: 30px; padding: 0px 15px;}
	.p_down_btn{background: #0e6eb8; border-radius: 3px;}
	.p_down_btn a{color: #fff;}
	.p_down_btn i{color: #fff;}
	.pro_cont{font-size: 14px; line-height: 32px;}
	.right_bottom{font-size: 14px; line-height: 32px;}
	#mapshowbox{height: 360px;}
}